<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/gwc.css" />
    <script src="../index/js/jquery-3.6.0.js"></script>
    <script src="../js/gwc.js"></script>
  </head>

  <body>
    <!-- 头部 -->
    <div class="heder">
      <div class="conter">
        <ul class="heder_left">
          <li>
            <a href="#">网路导航 <img src="../images/路径 4.png" alt="" /></a>
            <ul>
              <li>
                <a href="#">网路导航</a>
              </li>
              <li>
                <a href="#">网路导航</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">商家入驻 <img src="../images/路径 4.png" alt="" /></a>
            <ul>
              <li>
                <a href="#">网路导航</a>
              </li>
              <li>
                <a href="#">网路导航</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">客户服务 <img src="../images/路径 4.png" alt="" /></a>
            <ul>
              <li>
                <a href="#">网路导航</a>
              </li>
              <li>
                <a href="#">网路导航</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="#"
              ><img src="../images/定位.svg" alt="" /><span>北京</span>
              <img src="../images/下拉.svg" alt=""
            /></a>
          </li>
        </ul>
        <ul class="heder_right">
          <li>
            <a href="#">请登录</a>
          </li>
          <li>
            <a href="#">登录有礼</a>
          </li>
          <li>
            <a href="#">我的订单<img src="../images/路径 4.png" alt="" /></a>
            <ul>
              <li>
                <a href="#">网路导航</a>
              </li>
              <li>
                <a href="#">网路导航</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">我的乐购<img src="../images/路径 4.png" alt="" /></a>
            <ul>
              <li>
                <a href="#">网路导航</a>
              </li>
              <li>
                <a href="#">网路导航</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">乐购会员</a>
          </li>
          <li>
            <a href="#"
              ><img src="../images/购物车 (1).png" alt="" />购物车<span>0</span
              ><img src="../images/路径 4.png" alt=""
            /></a>
          </li>
          <li>
            <a href="#">易付宝</a>
          </li>
          <li>
            <a href="#">企业采购</a>
          </li>
          <li>
            <a href="#">手机乐购 <img src="../images/路径 4.png" alt="" /></a>
          </li>
        </ul>
      </div>
    </div>
    <!-- 内容 -->
    <div class="content">
      <div class="conter">
        <div class="content_box1">
          <h1>
            <a href="#"><img src="../images/图层 1.png" alt="" /></a>
            <span>购物车</span>
          </h1>
          <div>
            <p>
              <img src="../images/搜索 (1).png" alt="" /><input
                type="text"
                placeholder="空气净化器"
              />
            </p>
            <button>搜索</button>
          </div>
        </div>
        <div class="content_box2">
          <p>
            <span><input type="checkbox" / class="all">全选</span>
            <span>商品</span>
            <span>单价</span>
            <span>购买数量</span>
            <span>小计</span>
            <span>操作</span>
          </p>
          <ul>
            <li>
              <div><input type="checkbox" class="inp" /></div>
              <div>
                <img src="../images/购物车/80_80 商品图.png" alt="" />
                <div>
                  <p>
                    Apple iPone 6Plus(A1524)64G8 深空灰色 移动联通 电信4G手机
                  </p>
                  <p><span>颜色：红</span><span>型号：V1</span></p>
                </div>
              </div>
              <div><span class="dj">￥9852.00</span></div>
              <div>
                <img
                  src="../images/购物车/-一个.png"
                  alt=""
                  class="jian"
                /><span>0</span
                ><img src="../images/购物车/+一个.png" alt="" class="add" />
              </div>
              <div><span class="xj">5199.00</span></div>
              <div>
                <a href="#">删除</a>
                <a href="#">移入收藏夹</a>
              </div>
            </li>
            <li>
              <div><input type="checkbox" class="inp" /></div>
              <div>
                <img src="../images/购物车/80_80 商品图.png" alt="" />
                <div>
                  <p>
                    Apple iPone 6Plus(A1524)64G8 深空灰色 移动联通 电信4G手机
                  </p>
                  <p><span>颜色：红</span><span>型号：V1</span></p>
                </div>
              </div>
              <div><span>￥9852.00</span></div>
              <div>
                <img
                  src="../images/购物车/-一个.png"
                  alt=""
                  class="jian"
                /><span>0</span
                ><img src="../images/购物车/+一个.png" alt="" class="add" />
              </div>
              <div><span>5199.00</span></div>
              <div>
                <a href="#">删除</a>
                <a href="#">移入收藏夹</a>
              </div>
            </li>
            <li>
              <div><input type="checkbox" class="inp" /></div>
              <div>
                <img src="../images/购物车/80_80 商品图.png" alt="" />
                <div>
                  <p>
                    Apple iPone 6Plus(A1524)64G8 深空灰色 移动联通 电信4G手机
                  </p>
                  <p><span>颜色：红</span><span>型号：V1</span></p>
                </div>
              </div>
              <div><span>￥9852.00</span></div>
              <div>
                <img
                  src="../images/购物车/-一个.png"
                  alt=""
                  class="jian"
                /><span>0</span
                ><img src="../images/购物车/+一个.png" alt="" class="add" />
              </div>
              <div><span>5199.00</span></div>
              <div>
                <a href="#">删除</a>
                <a href="#">移入收藏夹</a>
              </div>
            </li>
            <li>
              <div><input type="checkbox" class="inp" /></div>
              <div>
                <img src="../images/购物车/80_80 商品图.png" alt="" />
                <div>
                  <p>
                    Apple iPone 6Plus(A1524)64G8 深空灰色 移动联通 电信4G手机
                  </p>
                  <p><span>颜色：红</span><span>型号：V1</span></p>
                </div>
              </div>
              <div><span>￥9852.00</span></div>
              <div>
                <img
                  src="../images/购物车/-一个.png"
                  alt=""
                  class="jian"
                /><span>0</span
                ><img src="../images/购物车/+一个.png" alt="" class="add" />
              </div>
              <div><span>5199.00</span></div>
              <div>
                <a href="#">删除</a>
                <a href="#">移入收藏夹</a>
              </div>
            </li>
          </ul>

          <div class="content_box2_1">
            <div>
              <input type="checkbox" / class="all" >全选<a href="#"
                >删除选中的商品</a
              >
            </div>
            <div>
              <span>已选择<i>1</i>件商品</span>
              <ul>
                <li>总价：<i>￥5199.00</i></li>
                <li>优惠：<i>￥0.00</i></li>
                <li>合计：<i>￥5199.00</i></li>
              </ul>
            </div>
          </div>
          <div class="content_box2_2">
            <button>继续购物</button><button>提交订单</button>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
      <div class="conter">
        <div class="footer_box">
          <ul>
            <li>购物指南</li>
            <li>
              <a href="#">免费注册</a>
            </li>
            <li>
              <a href="#">会员等级</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
          </ul>
          <ul>
            <li>售后服务</li>
            <li>
              <a href="#">免费注册</a>
            </li>
            <li>
              <a href="#">会员等级</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
          </ul>
          <ul>
            <li>物流配送</li>
            <li>
              <a href="#">免费注册</a>
            </li>
            <li>
              <a href="#">会员等级</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
          </ul>
          <ul>
            <li>支付方式</li>
            <li>
              <a href="#">免费注册</a>
            </li>
            <li>
              <a href="#">会员等级</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
          </ul>
          <ul>
            <li>用户帮助</li>
            <li>
              <a href="#">免费注册</a>
            </li>
            <li>
              <a href="#">会员等级</a>
            </li>
            <li>
              <a href="#">常见问题</a>
            </li>
          </ul>
        </div>
        <div class="footer_box1">
          <p>蓝湖文化科技有限公司 版权所有 保留一切权利</p>
          <p>
            京ICP备10218183号 京ICP证161188号
            京公网安备11010802020593号出版物经营许可证新出发京批字第直130052号
          </p>
        </div>
      </div>
    </div>
  </body>
</html>
